<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--

Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Title      : Undertaking 
Version    : 1.0
Released   : 2010821
Description: A two-column web design, best for your personal and business blogging.

-->
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Gestión de Reclamos</title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link href="default.css" rel="stylesheet" type="text/css" />
        <script language="javascript" type="text/javascript">
            function isnull(val) {
                for ( i = 0; i < val.length; i++ ) {
                    if ( val.charAt(i) != " " ) {
                        return true
                    }
                }
                return false
            }
            function valida(obj) {

                if( isnull(obj.username.value) == false || vacio(obj.password.value) == false  ) {
                    alert("Introduzca un Usuario y/o Clave.")
                    return false
                } else {
                    return true
                }
            }

        </script>
        <style type="text/css">
            <!--
            #apDiv1 {
                position:absolute;
                width:1034px;
                height:63px;
                z-index:1;
                left: 108px;
                top: 130px;
                color: #000;
                background-color: #000000;
                background: url(HTML/images/img02.jpg) no-repeat right top;
                padding: 20px 30px 40px 0px;
            }
            -->
        </style>
    </head>
    <body>
        <!-- start header -->
        <div id="header">
            <div id="apDiv1"></div>
            <div id="logo">
                <h1>EGretel</h1>
                <p><a href="http://www.freecsstemplates.org/">Gestion de Reclamos</a></p>
            </div>
            <div id="menu">
                <ul>
                    <li><a href="#"><span>inicio</span></a></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <ul>
                    <li class="current_page_item"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
        <hr />
        <!-- end header -->
        <!-- start page -->
        <div id="wrapper">
            <div id="page">
                <div id="page-bgtop">
                    <div id="page-bgbtm">
                        <div id="content">
                            <div class="post">
                                <blockquote>
                                    <blockquote>
                                        <h2 class="title">Ingreso al Sistema</h2>
                                        <p>&nbsp;</p>
                                    </blockquote>
                                </blockquote>
                                <div class="entry">
                                    <blockquote>
                                        <blockquote>
                                            <blockquote>
                                                <blockquote>
                                                    <p>Introduzca su número de usuario y contraseña</p>
                                                    <form id="form1" method="post" action="Login"  onsubmit="return valida(this)">
                                                        <table width="200" border="0">
                                                            <tr>
                                                                <td id="letrasTablas">Usuario</td>
                                                                <td>&nbsp;</td>
                                                                <td><input name="username" type="text" id="txtUsuario" value="" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td id="letrasTablas">Contraseña</td>
                                                                <td>&nbsp;</td>
                                                                <td><input name="password" type="password" id="txtPassword" value="" /></td>
                                                            </tr>
                                                        </table>
                                                        <input type="hidden" name="accion" value="login" />
                                                        <blockquote>
                                                            <blockquote>
                                                                <blockquote>
                                                                    <blockquote>
                                                                        <table width="200" border="0">
                                                                            <tr>
                                                                                <td width="66"  id="letrasTablas"><input name="cmdIngreso" type="submit" id="cmdIngreso" value="Iniciar Sesion" /></td>
                                                                                <td width="30">&nbsp;</td>
                                                                                <td width="66"><input name="cmdCancelar" type="reset" id="cmdCancelar" onclick='clearValues();' value="Limpiar" /></td>
                                                                            </tr>
                                                                        </table>

                                                                    </blockquote>
                                                                </blockquote>
                                                            </blockquote>
                                                        </blockquote>
                                                    </form>
                                                    <p>&nbsp;</p>
                                                </blockquote>
                                            </blockquote>
                                        </blockquote>
                                        <p>&nbsp;</p>
                                    </blockquote>
                                    <p>&nbsp;</p>
                                </div>
                            </div>
                            <div class="post">
                                <p class="hr1">&nbsp;</p>
                                <h2 class="title"><br />
                                </h2>
                            </div>
                            <div class="post">
                                <div class="entry"> </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- end page -->
        <!-- start footer -->
        <div id="footer">
            <p id="legal">&nbsp;</p>
            <!-- end footer -->
        </div>
    </body>
</html>
